.main{
    width: 100%;
    height: 100%;
    background: rgb(8, 17, 32);
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    .title{
        height: 10%;
        width: 98%;
        text-align: center;
        font-size: 2vw;
        font-weight: 900;
        color: white;
    }
    .content{
        height: 80%;
        width: 98%;
        background: white;
        border-radius: 1vh;
        display: flex;
        align-items: center;
        flex-direction: column;
        .up{
            height: 20%;
            width: 98%;
            display: flex;
            justify-content: space-around; 
            align-items: center ;
            input{
                height: 5vh;
                width: 45vw;
                padding: 0 1vw;
                background: rgb(220, 220, 220) ;
                border: 0ch;
                font-weight: 700;
            }
            div{
                width: 16%;
                height: 100%;
                display: flex;
                justify-content: space-around;
                align-items: center;
                button{
                    height: 4vh;
                    width: 6vw;
                    background: rgb(71, 130, 186);
                    color: white;
                    border-radius: 0.5vh;
                    border: 0ch;
                    font-size: 1vw;
                    cursor: pointer;
                    font-weight: 700;
                }
            }
        }
        .table{
            height: 70%;
            width: 80%;
            border: solid 0.3vh rgb(146, 146, 146);
        }
    }
    
}